.container {
    font-size: 27rem;
}

/* 头部开始 */
header {
    height: 95rem;
    /* border: 1rem solid red; */
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .scan img {
    width: 40rem;
    height: 40rem;
}

header .movie-select {
    width: 320rem;
    display: flex;
    justify-content: space-between;
    font-size: 30rem;
}

header .title {
    font-size: 30rem;
}

header .setting {
    width: 110rem;
    display: flex;
    justify-content: space-between;
}

header .setting .evaluate {
    width: 45rem;
    height: 45rem;
}

header .setting .more {
    width: 45rem;
}

/* 头部结束 */


/* my-info开始 */
.my-info {
    height: 315rem;
    padding: 20rem 20rem 0;
    margin-bottom: 20rem;
    box-sizing: border-box;
    background-color: #F82F71;
    border-radius: 15rem;
}

.my-info .my-info-head {
    display: flex;
}

.my-info .my-info-head .sculpture img {
    width: 105rem;
    height: 105rem;
    margin-right: 20rem;
}

.my-info .my-info-head .info {
    position: relative;
    display: flex;
    flex-direction: column;

}

.my-info .my-info-head .info .name {
    font-size: 35rem;
    margin-bottom: 12rem;
}

.my-info .my-info-head .info .name::after {
    content: "";
    background-image: url(../IMG/images/icon/crown_icon.png);
    background-size: 40rem 40rem;
    width: 40rem;
    height: 40rem;
    position: absolute;
    top: 3rem;
    left: 80rem;
}

.my-info .my-info-head .info .label span {
    display: inline-block;
    padding: 5rem 5rem;
    box-sizing: border-box;
    border-radius: 20rem;
    background-color: rgba(255, 255, 255, 0.45);
}

.my-info .my-info-content {
    width: 680rem;
    margin: 30rem auto 0;
    font-size: 35rem;
    display: flex;
}

.my-info .my-info-content div {
    width: 170rem;
    height: 90rem;
    text-align: center;
    border-right: 2rem solid rgba(255, 255, 255, 0.4);
}

.my-info .my-info-content div:nth-child(4) {
    border: none;
}

/* my-info结束 */

/* vip开始 */
.vip {
    padding: 20rem 60rem 20rem 100rem;
    margin-bottom: 20rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    background-color: #454344;
}

.vip::before {
    content: "";
    background-image: url(../IMG/images/icon/diamand_icon.png);
    background-size: 65rem 60rem;
    width: 65rem;
    height: 60rem;
    position: absolute;
    left: 20rem;
    top: 30rem;
}

.vip::after {
    content: "";
    background-image: url(../IMG/images/icon/right_icon.png);
    background-size: 30rem 40rem;
    width: 30rem;
    height: 40rem;
    position: absolute;
    right: 20rem;
    top: 40rem;
}

.vip .info .title {
    font-size: 35rem;
}

.vip .active {
    font-size: 35rem;
    margin: auto 0;
}

/* vip结束 */


/* my-order开始 */
.my-order {
    padding: 20rem 20rem 0;
    margin-bottom: 30rem;
    box-sizing: border-box;
    background-color: #454344;
}

.my-order div.title {
    font-size: 35rem;
    position: relative;
    padding-left: 50rem;
    margin-bottom: 30rem;
}

.my-order div.title::before {
    content: "";
    background-image: url(../IMG/images/icon/order_icon.png);
    background-size: 40rem 40rem;
    width: 40rem;
    height: 40rem;
    position: absolute;
    left: 0;
    top: 0;
}

.my-order div.title::after {
    content: "";
    background-image: url(../IMG/images/icon/right_icon.png);
    background-size: 30rem 40rem;
    width: 30rem;
    height: 40rem;
    position: absolute;
    right: 0;
    top: 0;
}


.my-order .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.my-order .content .info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30rem;
}

.my-order .content .info div {
    text-align: center;
}

.my-order .content .info div .img {
    position: relative;
    text-align: center;
    height: 110rem;
    width: 110rem;
    border-radius: 50%;
    background-color: #fff;
}

.my-order .content .info div .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 2s;
}

/* my-order结束 */


/* card开始 */
.card div {
    position: relative;
    background-color: #454344;
    padding: 10rem 0 10rem 80rem;
    box-sizing: border-box;
    margin-bottom: 5rem;
    height: 70rem;
    line-height: 50rem;
}

.card a:nth-child(1) div::before {
    content: "";
    background-image: url(../IMG/images/icon/collect_icon.png);
    background-size: 45rem 40rem;
    width: 45rem;
    height: 40rem;
    position: absolute;
    left: 20rem;
    top: 15rem;
}

.card a:nth-child(2) div::before {
    content: "";
    background-image: url(../IMG/images/icon/movie_card.png);
    background-size: 45rem 40rem;
    width: 45rem;
    height: 40rem;
    position: absolute;
    left: 20rem;
    top: 15rem;
}

.card a:nth-child(3) div::before {
    content: "";
    background-image: url(../IMG/images/icon/theatre_icon.png);
    background-size: 45rem 40rem;
    width: 45rem;
    height: 40rem;
    position: absolute;
    left: 20rem;
    top: 15rem;
}

.card div:nth-child(3) {
    margin-bottom: 20rem;
}

.card div::after {
    content: "";
    background-image: url(../IMG/images/icon/right_icon.png);
    background-size: 25rem 35rem;
    width: 25rem;
    height: 35rem;
    position: absolute;
    right: 20rem;
    top: 15rem;
}

/* card结束 */